<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海澜之家用户满意度调研    </title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <form action="mailto:2319984689@qq.com"></form>
      <table>
            <tbody>
                <tr>
                    <th>
                        <img src="image/hailan2.jpg" alt="">
                    </th>
                </tr>

                <tr>
                    <td>
                        <h1>海澜之家服装调查情况</h1>
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="xingbie">您的性别</label><br>
                        <input type="text" name="xingbie" value="男" readonly>
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="shiyong">1.您使用过海澜之家的产品吗？</label><br>
                        <input type="text" name="shiyong" value="使用过">                        
                    </td>                
                </tr>

                <tr>
                    <td>
                        <label for="mail">2.您的电子邮箱？</label><br>
                        <input type="email" name="mail">
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="nianxian">3.您关注本品牌几年了？</label><br>
                        <input type="number" name="nianxian" placeholder="请输入您的用户账号">
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="kahao">4.您的会员卡号是？</label><br>
                        <input type="password" name="kahao" placeholder="请输入您的用户密码">
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <label for="nianji">5.您的年龄？</label>
                        <select name="nianji" id="">
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                            <option value="30">30</option> 
                        </select>                        
                    </td>
                </tr>
                
                <tr>
                    <td>
                            <label for="jiawei">6.您能接受的价位是？</label><br>
                            <input type="radio" value="100以下" name="jiawei"><label for="100yixia">100以下</label>
                            <input type="radio" value="100-300" name="jiawei"><label for="300-500">100-300</label>
                            <input type="radio" value="300-500" name="jiawei"><label for="300-500">300-500</label>
                            <input type="radio" value="500-800" name="jiawei"><label for="500-800">500-800</label>
                            <input type="radio" value="800以上" name="jiawei"><label for="800yishang">800以上</label>
                            </td>
                 </tr>
                 
                 <tr>
                    <td>
                        <label for="xihao">您喜欢的服装风格有？</label><br>
                        <input type="checkbox" value="百搭" name="xihao"><label for="baida">百搭</label>
                        <input type="checkbox" value="商务" name="xihao"><label for="shangwu">商务</label>
                        <input type="checkbox" value="中性" name="xihao"><label for="zhongxing">中性</label>
                        <input type="checkbox" value="休闲" name="xihao"><label for="xiuxian">休闲</label>
                        <input type="checkbox" value="运动" name="xihao"><label for="yundong">运动</label>
                    </td>
                 </tr>

                <tr>
                    <td>
                        <label for="range">8.您对海澜之家品牌的满意度？</label> <br>                       
                        <input type="range" min="1" max="10" name="range" onchange="document.getElementById(show).innerHTML=value">
                        <span id="show"></span>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <label for="suggest">9.你对海澜之家的建议：（必填）</label><br>
                        <textarea name="suggest" id="" cols="90" rows="5" required></textarea>
                    </td>
                </tr>
                
                <tr>
                    <th>
                        <input type="submit"  class="new_button">
                        <input type="reset"  class="new_button">
                    </th>
                </tr>
            </tbody>
      </table>
</body>
</html>